/* 
    Document   : Steve
    Created on : 23 juil. 2013, 09:38:55
    Author     : Dominique
    Description:
    Purpose of the stylesheet follows.
*/


body{
	
    margin-left: auto;
    margin-right: auto;
    height: 500px;
    width: 300px;
    font-family: "Trebuchet MS";
    
    text-align: center;
    font-size: 0.6em;
}

#conteneurPrincipal {
	border : #0000cc solid 1px;
}

.zone_entete_boutons{
    height:50px;
    width: 280px;
    position: absolute;
    top: 10px;
    
}

.zone_entete_client{
    height:100px;
     width: 280px;
    position: relative;
    top: 10px;
    
}
.zone_corps_client{
    height:350px;
     width: 280px;
      position: relative;
    top: 10px;
    
}

.zone_bas_boutons{
    height:50px;
    width: 280px;
    position: relative;
    top: 10px;
    text-align: right;
    
}
h1{
    color: #0000cc;
    font-family: "Trebuchet MS";
    font-weight: bold;
    font-size: 24px;
}

h2{
    color: #0000cc;
    font-family: "Trebuchet MS";
    font-weight: bold;
    font-size: 18px;
    margin: -5px;
    
  
} 
a{
    text-decoration: none;
}

textarea{
    display: inline-block;
    alignment-adjust: central;
    width: 65%;
    height: auto;
}

#nom_prenom{
    font-weight: bold;
    font-size: 1.4em;
/*    color: #ff6600;*/
}

.bouton_en_ligne{
    float: left;    
    display: inline-block;
    alignment-adjust: central;
}

.trait{
    alignment-adjust: central;
}

.legende{
    /*font-size: 0.6em;*/
	font-size: 13px;
	margin-bottom: -2px;
	text-align: left;
	margin-left: 5%;
    /*float: left;*/  
/*    display: inline-block;
    alignment-adjust: central;
    float: left;
    margin-left: 2em;*/
}

.legende_en_face{
    font-size: 0.9em;
    margin-bottom: 0.4em;    
    text-align: left;
    margin-left:2em; 
    float: left;
/*    text-align: right;*/

}
.donnees_affichees{
    display: inline;
    /*float: left;*/
    width: auto; 
    width-max: 85%;
    width: 90%;
    position: relative;
    display: inline;
    alignment-adjust: central;
    margin-right: auto;
    margin-right: auto;
}

.donnees_affichees_texterea{
    /* display: inline;*/
    /*float: left;*/
    /*width: auto;*/ 
    /*width-max: 85%;*/
    width: 90%;
    /*position: relative;*/
/*    display: inline;
    alignment-adjust: central;*/
	margin-left: 15px;
}
.donnees_affichees_courtes{
   display: inline;
   width: 85%;
   float: left;
   margin-left: 1.2em;
}

  /*////////////////////////////////////
  TABLE DE DONNEES
  ///////////////////////////////////*/
  
  .titre_de_formulaire{
      color: #F60;
      font-size: 1.4em;
  }
/*  tr{
      width: 85%;
  }*/
  
.table_de_donnees{
    border: #FC3 solid 2px;
    width : 85%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top : 10px;
  
    margin-top: 10px;
}

.th_de_donnees{
   border-right: #FC3 solid 2px;
   border-bottom: #FC3 solid 2px;

}
.td_de_donnees{
    border-top: #0000cc solid 1px;
    border-right: #0000cc solid 1px;
    border-collapse: collapse;  
/*    margin-right: auto;
    margin-left: auto;*/
    
    
}

.designation{
    width: 250px;
}

.affichage_donnees{
    position: absolute;
    top: 45px;
}

.tableau_travers {
    /*
    -moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg); 
    -o-transform:rotate(-90deg);
    -ms-transform : rotate(-90deg); 
    display: block;*/
    text-align: center;
/*    position:;
    right: -5px;
    top: 15px;*/
}

/*

	ACCUEIL

*/

.h2Accueil {
	margin: 43px;
}

#zoneGaucheSaisieAccueil {
	margin-left: 2%;
	max-width: 63%;
	min-width: 63%;
}

#zoneDroiteAccueilRecherche {
	width: 32%;
	margin-right: 2%;
	float: right;
}

#zoneDroiteAccueilRecherche fieldset {
	width: 76%;
		
}


#zoneDroiteAccueilRecherche input{
	width: 98%;
}

#resultats {
	background-color: green;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5%;
}

#chmpRechercheSaisi {
	width: 94%;
	
}

#resultats a:hover {
	color:white;
	text-decoration: underline;
}


#optionsAvancees {
	/*width: 50%; */
}

/*

	NOUVEAU CLIENT

*/

/*

	FICHE CODES

*/

#versLaGauche {
	float: left;
	
}

#versLaDroite {
	float: right;
	
}

#titre_de_formulaire_fiche_code {
	float: left;
	margin-left: 10%;
	margin-right: 10%;
}


/*

	CLASSES

*/

.text-align { 
	text-align: center;
}

.inline {
	display: inline;
}

.float-left {
	float:left;
	
}

/*

	BOUTONS

*/

#boutonDeDeconnexion {
	margin-top: 1%;
	float: right;
	
}

#boutonAccueil {
	margin-top: 1%;
	float: left;
}


#boutonAjouterClient {
	margin-bottom: 15%;
	margin-left: 13%;
}


#boutonAjoutClientEmail {
	margin-right: 10%;
	margin-left: 9%;
	margin-bottom: 15%;
}


.grosBouton{
     font-family: "Trebuchet MS";
     font-size: 1.6em;
     width: 160px;
     height: 50px;
     padding-top: 7px; /*permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #000099;
     background: -webkit-linear-gradient( #009, #FFF ); /* dégradé #F06 haut et #b3115f bas*/
     background:    -moz-linear-gradient( #009, #FFF);
     background:     -ms-linear-gradient( #009, #FFF);
     background:      -o-linear-gradient( #009, #FFF);
     background:         linear-gradient( #009, #FFF );
     border-radius: 8px;
     text-shadow: 0px 1px 0px white;
     text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
     box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
.grosBouton:hover{
     color: #FFF;
     background: #ff6600;
     background: -webkit-linear-gradient( #FFF, #009);
     background:    -moz-linear-gradient( #FFF, #009);
     background:     -ms-linear-gradient( #FFF, #009);
     background:      -o-linear-gradient( #FFF, #009);
     background:         linear-gradient( #FFF, #009);
}
.grosBouton:active{
     color: #FFF;
     background: #ff6600;
     background: -webkit-linear-gradient( #F60, #FC3);
     background:    -moz-linear-gradient( #F60, #FC3);
     background:     -ms-linear-gradient( #F60, #FC3);
     background:      -o-linear-gradient( #F60, #FC3);
     background:         linear-gradient( #F60, #FC3);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}

.bouton_bas{
    font-family: "Trebuchet MS";
     font-size: 1.2em;
     width: auto;
     height: 25px;
     float: left;

     margin-left: 2px;
     /*padding-top: 7px; permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #000099;
     background: -webkit-linear-gradient( #009, #FFF ); /* dégradé #F06 haut et #b3115f bas*/
     background:    -moz-linear-gradient( #009, #FFF);
     background:     -ms-linear-gradient( #009, #FFF);
     background:      -o-linear-gradient( #009, #FFF);
     background:         linear-gradient( #009, #FFF );
     border-radius: 8px;
     text-shadow: 0px 1px 0px white;
     text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
     box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
.bouton_bas:hover{
     color: #FFF;
     background: #ff6600;
     background: -webkit-linear-gradient( #FFF, #009);
     background:    -moz-linear-gradient( #FFF, #009);
     background:     -ms-linear-gradient( #FFF, #009);
     background:      -o-linear-gradient( #FFF, #009);
     background:         linear-gradient( #FFF, #009);
}
.bouton_bas:active{
     color: #FFF;
     background: #ff6600;
     background: -webkit-linear-gradient( #F60, #FC3);
     background:    -moz-linear-gradient( #F60, #FC3);
     background:     -ms-linear-gradient( #F60, #FC3);
     background:      -o-linear-gradient( #F60, #FC3);
     background:         linear-gradient( #F60, #FC3);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}


.moyen_bouton{
    float : left;
    /*position:relative;*/
    
     font-family: "Trebuchet MS";
     font-size: 1.6em;
     width: auto;
     height: 35px;
     /*padding-top: 7px; permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #000099;
     background: -webkit-linear-gradient( #009, #FFF ); /* dégradé #F06 haut et #b3115f bas*/
     background:    -moz-linear-gradient( #009, #FFF);
     background:     -ms-linear-gradient( #009, #FFF);
     background:      -o-linear-gradient( #009, #FFF);
     background:         linear-gradient( #009, #FFF );
     border-radius: 8px;
     text-shadow: 0px 1px 0px white;
     text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
     box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
.moyen_bouton:hover{
     color: #FFF;
     background: #ff6600;
     background: -webkit-linear-gradient( #FFF, #009);
     background:    -moz-linear-gradient( #FFF, #009);
     background:     -ms-linear-gradient( #FFF, #009);
     background:      -o-linear-gradient( #FFF, #009);
     background:         linear-gradient( #FFF, #009);
}
.moyen_bouton:active{
     color: #FFF;
     background: #ff6600;
     background: -webkit-linear-gradient( #F60, #FC3);
     background:    -moz-linear-gradient( #F60, #FC3);
     background:     -ms-linear-gradient( #F60, #FC3);
     background:      -o-linear-gradient( #F60, #FC3);
     background:         linear-gradient( #F60, #FC3);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}

.bouton_long{
    position:relative;
     font-family: "Trebuchet MS";
     font-size: 1.2em;
     width: auto;
     height: 25px;
     /*padding-top: 7px; permet le centrage vertical*/
     text-align: center;
     color: #FFF;
     background: #000099;
     background: -webkit-linear-gradient( #009, #FFF ); /* dégradé #F06 haut et #b3115f bas*/
     background:    -moz-linear-gradient( #009, #FFF);
     background:     -ms-linear-gradient( #009, #FFF);
     background:      -o-linear-gradient( #009, #FFF);
     background:         linear-gradient( #009, #FFF );
     border-radius: 8px;
     text-shadow: 0px 1px 0px white;
     text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
     box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
.bouton_long:hover{
     color: #FFF;
     background: #ff6600;
     background: -webkit-linear-gradient( #FFF, #009);
     background:    -moz-linear-gradient( #FFF, #009);
     background:     -ms-linear-gradient( #FFF, #009);
     background:      -o-linear-gradient( #FFF, #009);
     background:         linear-gradient( #FFF, #009);
}
.bouton_long:active{
     color: #FFF;
     background: #ff6600;
     background: -webkit-linear-gradient( #F60, #FC3);
     background:    -moz-linear-gradient( #F60, #FC3);
     background:     -ms-linear-gradient( #F60, #FC3);
     background:      -o-linear-gradient( #F60, #FC3);
     background:         linear-gradient( #F60, #FC3);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}


.conteneur_boutons_en_ligne{
  
    
    display: inline-block;
    alignment-adjust: central; 

      position: absolute;
    top:590px;
}

.div_de_bouton-menu{
/*    position: relative;
    top:45px;*/
    float: left;
    width: auto;
    font-size: 1.2em;
    /*left : 320px;*/
    /*margin-left: 260px;*/

}

.div_de_bouton-bas{
/*    position: absolute;
    top: 590px; */
    /*left : 310px;*/
/*    display: table-cell;
    alignment-adjust: central;
    text-align: center;*/
    float: right;
    width: auto;
    font-size: 1.2em;
    
    
}

/*/////////////////////////////
	FIELDSET
/////////////////////////////*/

fieldset {
	width: 80%;
	margin: auto;
}

.fieldSetEnteteClient{
    display: inline-block;
    alignment-adjust: central;
 
}

.fieldSet_communication{
    display: inline-block;
    alignment-adjust: central;

    margin-left: auto;
    margin-right: auto;
/*    margin-bottom: 5px;*/
 
}


#texteFieldSetH2{
    font-size: 1.3em;
    position: relative;
/*    left:-70px;*/
}